<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类页面</title>
		<link rel="icon" href="${project_name}/image/logo.png" >
		<link rel="stylesheet" type="text/css" href="${project_name}/css/head.css"/>
		<link rel="stylesheet" type="text/css" href="${project_name}/css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="${project_name}/css/list.css"/>

		<link href="${project_name}/pagination/pagination.min.css" rel="stylesheet">
		<script src="${project_name}/pagination/pagination.js"></script>
		<script>
			onload=function () {
				new Pagination({
					element: '#paging', // 元素        
					type: 1, // 样式类型，可选[1,2]      
					pageIndex: '${page.getPageNum()}', // 初始页码       
					pageSize: '${page.getPageSize()}', // 每页数量       
					pageCount: '${page.getPages()}', // 页码数量       
					total: '${page.getTotal()}', // 数据总条数        
					jumper: true, // 显示输入框跳转        
					singlePageHide: false, // 只有一页时不显示分页       
					prevText: '上一页', // 上一页文字        
					nextText: '下一页', // 下一页文字       
					disabled: true, // 是否显示禁用        
					currentChange: function(index) {
						// 页码改变时回调         
						location='${project_name}/product/like/' + "/${keyword}/" + index
					}
				});
			}
		</script>
	</head>
	<body>
		<jsp:include page="public_header.jsp"></jsp:include>
	    <!--头部end-->
	    <div class="w1200">
	    	<!--分类导航-->
	    	<div class="top_nv">
	    		<span><a href="index.jsp">首页</a></span>
	    		<span>></span>
	    		<span><a href="index.jsp">测试</a></span>
	    		<span>></span>
	    		<span><a href="index.jsp">护肤品</a></span>
	    	</div>
	    	<!--分类导航-->
	    	<div class="box_list">
	    		<div class="sl_list">
	    			<ul>

						<c:forEach var="product" items="${productList}" >
							<li>
								<a href="${project_name}/product/search?id=${product.id}">
									<span class="list_img"><img src="${project_name}/image/${product.image}"/></span>
									<span class="sl_list_con">
	    							<span class="sl_price">
	    								<b class="sl_price1"><span>${product.price} </span></b>
	    								<b class="sl_price2"><s>${product.price}</s></b>
	    							</span>
	    						</span>
									<span class="sl_title">${product.name}</span>
								</a>
							</li>
						</c:forEach>

	    			</ul>
	    		</div>
	    	</div>
	        <!--分页-->

	        
			<div style="text-align:center" id="paging" class="page_list"></div>

	        <!--分页end-->
	    </div>
	    <!--底部公用-->
	    <div class="footer">
	    	<div class="footer_b w1200"><img src="${project_name}/image/foot_img1.jpg"/></div>
	    	<div class="footer_help w1200">
	    		<div class="footer1_l">
	    			<dl class="helpDl">
	    				<dt><h5>使用帮助</h5></dt>
	    				<dd><a href="">税费收取规则 </a></dd>
	    				<dd><a href="">新手指南 </a></dd>
	    			    <dd><a href="">常见问题 </a></dd>
	    				<dd><a href="">用户协议 </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>会员服务</h5></dt>
	    				<dd><a href="">积分政策  </a></dd>
	    				<dd><a href="">会员权益  </a></dd>
	    			    <dd><a href="">会员等级  </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>支付方式</h5></dt>
	    				<dd><a href="">积分支付  </a></dd>
	    				<dd><a href="">货到付款  </a></dd>
	    			    <dd><a href="">在线支付  </a></dd>
	    				<dd><a href="">优惠券支付  </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>配送方式</h5></dt>
	    				<dd><a href="">包邮政策   </a></dd>
	    				<dd><a href="">费用说明   </a></dd>
	    			    <dd><a href="">配送说明   </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>售后服务</h5></dt>
	    				<dd><a href="">电子发票   </a></dd>
	    				<dd><a href="">售后咨询   </a></dd>
	    			    <dd><a href="">退货办理   </a></dd>
	    				<dd><a href="">退货政策   </a></dd>
	    			</dl>
	    		</div>
	    		<div class="footer1_r">
	    			<ul>
	    				<li>
	    					<h2>手机开心买</h2>
	    					<img src="${project_name}/image/footer_ewm_01.png"/>
	    					<p>下载移动客户端</p>
	    				</li>
	    				<li>
	    					<h2>开心买微信</h2>
	    					<img src="${project_name}/image/footer_ewm_02.png"/>
                            <p>开心买官方微信</p>
	    				</li>
	    			</ul>
	    		</div>
	    	</div>
	        <div class="footer_nav">
	        	<div class="w720">
	        		<ul>
	        			<li>
	        				<a href="">关于开心买 </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">投资者关系 </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">商家入驻  </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">联系我们 </a>
	        				<span class="line"></span>
	        			</li>
	        		</ul>
	        	</div>
	        </div>
	        <div class="footer_bottom">
	        	<div class="w1200">
	        		<p>
	        			<span class="font_arial">Copyright© 2006-2016 happigo. All Rights Reserved </span>
                                           免费服务热线: 400-705-1111 | 固话也可拨打: 800-705-1111
                        <span class="font_arial">E-Mail: service@happigo.com</span><br>
                                           湘ICP备12000157号 信息网络传播视听节目许可证号：1810530
	        		</p>
	        		<p class="footer_b">
	        			<a href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/2782875193.jsp">
	        				<img src="${project_name}/image/foot_img3.png"/>
	        			</a>
	        			<a href="https://search.szfw.org/cert/l/CX20150428007576007720">
	        				<img src="${project_name}/image/foot_img4.png"/>
	        			</a>
	        		</p>
	        	</div>
	        </div>
	    </div>
	    <!--底部end-->
	</body>
</html>
